.main{
 width: 800px;
 margin: 0 auto;
}
*{
 box-sizing: border-box;
}
ul{
 margin:0;
 padding: 0;
 list-style: none;
}
ul li{
 /*光标样式，超链接指针*/
 cursor: pointer;
 position: relative;
 padding: 12px 8px 12px 40px;
 background: #eee;
 font-size: 18px;
 /*过渡效果为0.2秒*/
 transition: 0.2s;
}
/*伪类选择器-通过父类的元素的位置，来为子类选择特定的元素：选择所有奇数位置的元素*/
ul li:nth-child(odd){
 background: #f9f9f9;
}
/*伪类选择器 hover鼠标悬停或经过时触发的样式*/
ul li:hover{
 background: #ddd;
}
.close{
 position: absolute;
 right: 0;
 top: 0;
 padding: 12px 16px 12px 16px;
}
.close:hover{
 background-color: #f44336;
 color: white;
}
.header{
 background-color: #f44336;
 padding: 30px 40px;
 text-align: center;
}
input{
 margin: 0;
 border: none;
 border-radius: 0;
 width: 75%;
 padding: 10px;
 font-size: 16px;
}
.addBtn{
 padding: 10px;
 width: 25%;
 background-color: #d9d9d9;
 color: #555;
 float: right;
 text-align: center;
 font-size: 16px;
 cursor: pointer;
 transition: 0.3s;
 border-radius: 0;
}
.addBtn:hover{
 background-color: #bbb;
}
.Waiting{
 background-color: red;
}
.Doing{
 background-color: yellow;
}
.Finished{
 background-color: green;
}
#radio-status{
 list-style: none;
 display: flex;
}